@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
  
  
  
.video_cover_box {
    display: inline-block;
    *display: inline;
    *zoom:1; vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.video_cover_box a {
    color: #fff;
}

.video_ico {
    margin: 0 auto;
}

.video_title {
    color: #fff;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
}

.video_title_en {
    color: #fff;
    font-size: 14px;
    font-family: Arial;
}

.svg_video_ico_wrap .cell_ico {
    display: block\9;
    margin: 0 auto 20px;
    width: 80px;
    height: 74px;
    background: url(/img/jd_p_play.png?tenantId=179838&viewType=1&v=1627443620000) center center no-repeat;
}

.svg_video_ico {
    margin-bottom: 20px;
    display: none\9;
}

.svg_video_ico_wrap:hover path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    -webkit-animation: dash 4s forwards;
    animation: dash 4s forwards;
}

.svg_video_ico_wrap:hover .st3 {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

.svg_video_ico .st0 {
    fill: none;
    stroke: #FFFFFF;
    stroke-miterlimit: 10;
}

.svg_video_ico .st1 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}